     
    {load href="__JS__content.min.js"}
    {load href="__PLUGINS__sweetalert/sweetalert.css"}
    {load href="__PLUGINS__sweetalert/sweetalert.min.js"}
    {load href="__PLUGINS__layer/layer.js"}
    {load href="__JS__ffxiangIndex.js"}
    <script>
        // 获取表格中的所有 th 元素，排除有 data-switchable="false" 的元素
        var thElements = $('table thead tr th').not('[data-switchable="false"]');

        // 遍历剩余的 th 元素，为它们添加 data-field 属性，值为索引 + 1
        thElements.each(function(index) {
            $(this).attr('data-field', (index + 1).toString());
        });

        var table = $('table').bootstrapTable({
            onColumnSwitch: function(field, checked) {
                // 当列的状态改变时，保存状态到 localStorage
                saveColumnState();
            }
        });

        // 页面加载时恢复列的状态
        restoreColumnState();

        function saveColumnState() {
            var columns = table.bootstrapTable('getOptions').columns[0]; // 获取所有列
            var columnStates = {};

            columns.forEach(function(column) {
                if (column.field && typeof column.visible !== 'undefined') {
                    columnStates[column.field] = column.visible;
                }
            });

            localStorage.setItem("{:url('')}:bootstrapTableColumnStates", JSON.stringify(columnStates));
        }

        function restoreColumnState() {
            var savedStates = localStorage.getItem("{:url('')}:bootstrapTableColumnStates");
            if (savedStates) {
                var columnStates = JSON.parse(savedStates);

                Object.keys(columnStates).forEach(function(field) {
                    var isVisible = columnStates[field];
                console.log(isVisible)
                    if (isVisible === false) {
                        table.bootstrapTable('hideColumn', field);
                    } else if (isVisible === true) {
                        table.bootstrapTable('showColumn', field);
                    }
                });
            }
        }
    </script>
</body>
</html>